Adwaita: special case flat headerbar buttons

- make sure the hovers and pushed states are legible on a tintend headerbar

Fixes https://gitlab.gnome.org/GNOME/gtk/-/issues/3427

diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index 1d2f8b6396f06a220bb5db143d6e5eb06d90d091..845582650d04c4d79976e098734af05dd17b1fc0 100644 (file)
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -1389,11 +1389,17 @@ windowcontrols {
 
     @extend %button_basic_flat;
 
+
     border-radius: 9999px;
     padding: 6px;
     margin: 0 2px;
     min-width: 0;
     min-height: 0;
+    &:hover {
+      //special case hover colors inside a headerbar
+      @include button(undecorated-hover,$c:$headerbar_bg_color);
+    }
+    &:active { @include button(undecorated-active,$c:$headerbar_bg_color); }
   }
 }